



* { padding: 0; outline:0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

body {
    font-size: 12px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    text-transform:uppercase;
  
}

a { color: #2f83b7; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

#main h2 { 
color: #FFF ; 
margin-bottom:18px; 
padding-left:10px; 
}

#main h2.eye span { 
float:left; padding-left:34px; 

 }



/*
=========================================================================
	Clasess
=========================================================================
*/

#cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 20px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/* Big Stuff */

.shell { width:940px; margin:0 auto; position:relative; padding:0 10px; }

#header,
#header .shell { background: url(../images/header.gif) center top repeat-x; }
#main { background:url(images/main.gif) center top; }
#main .bg-top { background:url(images/main-top.gif) center top repeat-x; width:100%; }


#cont { padding:0 0 27px 2px; height: 500px }
#cont p { padding:7px 2px 6px 2px; }

/*
=========================================================================
	Header
================================================ 
*/
#header .shell {  height:92px; width:960px; padding-top:28px; }
#main { background:url(../images/main.gif) center top; }
/* Logo */
#logo { position:absolute; top:20px; left:-100px;  width:259px; font-size: 0; line-height: 0; }
#logo a { float:left;  text-indent: -4000px; width:259px; height:75px; background:url( ../images/logo.png ); }


/* Navigation */
#nav{ padding-left:70px; padding-bottom:10px; background-color:#CCC; }
#navigation { float:left; display:inline; padding-top: 10px ;  } 
#navigation ul { list-style:none; float:right; }
#navigation ul li { float:left; display:inline; font-family: Arial, Helvetica, Sans-Serif; font-size:8px; text-transform:uppercase; font-size:14px; font-weight:bold; padding-left:20px; line-height:16px; }
#navigation ul li a { color:#fff; text-decoration:none;}
#navigation ul li a.active,
#navigation ul li a:hover { color:#F60; }


/* Dropdown */
#navigation .has-dd { padding-right:10px; }
#navigation .dd { display:none; }




/*
=========================================================================
	Main
=========================================================================
*/

#main .shell { padding-top:15px; padding-bottom:4px; }


#main .image img {/* background:#000; padding:1px; border:1px solid # ;*/ } 


.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }



/*
===================================
Botones
===================================
*/

#main .button { float:left; height:auto;  line-height:17px; padding:0 5px; background-color:#2f83b7 !important; font-size:11px;  }
#main .button { color:#fff; text-shadow:#0d2332 0 1px 0; text-transform:uppercase; margin:2px 2px 0 0; border:none;padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:20px; }
#main .button:hover { background-color:#1c5275 !important; }

/*
===================================
Titulo de Pagina
===================================
*/
#pagina-titulo
{
    float:left;position:relative; margin-top:20px; margin-bottom:20px ; background:url(../images/bg.png);
    
	width: 99% ; height:25px; padding: 10px;
	text-transform: uppercase;
	}

/*
=========================================================================
	Contenido 
=========================================================================
*/

/* Footer Top */
#contenido .top { color:#999; height:auto; padding-top:24px;  }


#contenido .button { color:#ebebeb; text-shadow:#666 0 1px 0; text-decoration:none; background:#2f83b7; }
#contenido .button { float:right; height:17px; line-height:17px; padding:0 6px; margin-top:5px; font-size:10px; }

#contenido h2 { float:left; padding-left:26px; font-size:17px; color:#fff; line-height:28px; height:28px; margin-bottom:16px; font-weight:normal; }

/* Tabs Posts */
#tabs { float:left; width:58%; }
#tabs h2 { background:url(images/twitter.gif) left center no-repeat;  }

.tabs-posts { padding-left:5px; }



/* Flickr Links */
#flickr { float:right; width:38%; }
#flickr h2 { background:url(images/flickr.gif) left center no-repeat; padding-left:36px; margin-bottom:8px; }



/* Footer Bottom */
#contenido .bottom { padding:9px 0 200px 0; font-size:10px; color:#408bb8; }

#contenido .bottom a { text-decoration:none; }
#contenido .bottom a:hover { text-decoration:underline; color:#fff; text-decoration:none; }


#contenido .navigation { padding-top:8px; float:left; }



#contenido .right p { text-align:right; }
#contenido a.choco { color:#fff; }
#contenido a.choco:hover { text-decoration:underline; }


/*Contenedor Formulario*/

 
#contenedor-formulario{
    width: 550px;
    float:right; 
    display:inline; 
    margin-right: 100px; 
    margin-top:-10px;
    max-height: 100px;
	}
.contenedor-formulario 
{
    
	font-size: 11px;
	padding:10px;
	height: auto;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	width: 100%;
	border: 1px solid #2f83b7;
	color: #2f83b7;
	background-color:none;
}   

#contenedor-formulario .button { float:left; height:auto;  line-height:17px; padding:0 5px; background-color:#2f83b7 !important; font-size:11px;  }
#contenedor-formulario .button { color:#fff; text-shadow:#0d2332 0 1px 0; text-transform:uppercase; margin:2px 2px 0 0; border:none;padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:20px; }
#contenedor-formulario .button:hover { background-color:#1c5275 !important; }


/* Fin Contenedor Formulario*/



	
	
#square-of { padding-bottom:28px; }
.square-of { padding:18px 0 0 0px; }	
	
	
.contenedor-grande {
	padding: 5px;
	height: auto;
	color: #666;
	width: 100%;
	border: 1px solid #CCC;
  
}



.conteiner-of
{
     padding:15px; width:100%; 
    
    }

.franja{
	height:25px; width:100% ; background-color:#CCC;
}













.contenedor-grande {
	padding: 0px;
	margin:0px;
	height: auto;
	width: 100%;
	border: 1px solid #CCC;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
	
.contenedor-titulo 
{
    text-transform:uppercase;
    margin-top:20px;
    margin-bottom: 0px;
    }
    
.contenedor1 {
	margin:2px;
	float:left;
	width: 90%;

}
 
	
.contenedor-grande table{
	width:100%;
	margin: 5px;
    height: 24px;
}

.contenedor-grande th{
	background-color:#E0E0E0;

	}
/*
#panel2, #panel3, #panel4
{
    display:none;
    }

*/

/* Calendarios*/
.calendario
{
    float:right;
    position:absolute; 
    background-color:#FFF; 
    padding: 5px; 
    margin: 5px;
    -moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.calendario a
{
    text-decoration: none;
    color:#999;
    }
.calendario a:hover
{
text-decoration: underline;

  
    }
/* Fin Calendarios*/

